// 主题颜色
$primary: #409eff;

$darkBg: #141414;

$primary-light-1: #53a8ff; /* mix($color-white, $color-primary, 10%) */
$primary-light-2: #66b1ff;
$primary-light-3: #79bbff;
$primary-light-4: #8cc5ff;
$primary-light-5: #a0cfff;
$primary-light-6: #b3d8ff;
$primary-light-7: #c6e2ff;
$primary-light-8: #d9ecff;
$primary-light-9: #ecf5ff;

$primary-hover: #66b1ff;

// 基本颜色
$blue: #324157;
$light-blue: #3a71a8;
$red: #c03639;
$pink: #e65d6e;
$green: #30b08f;
$tiffany: #4ab7bd;
$yellow: #fec171;
$panGreen: #30b08f;

// 标准背景颜色
$background-color-base: #f5f7fa;

// 业务颜色
$success: #67c23a;
$warning: #e6a23c;
$danger: #f56c6c;
$error: #db2828;
$info: #909399;

$warning-hover: #ebb563;
$danger-hover: #f78989;
$info-hover: #a6a9ad;

// 主要文字
$text-primary: #303133;
// 常规文字
$text-regular: #606266;
// 次要文字
$text-secondary: #909399;
// 占位文字
$text-placeholder: #c0c4cc;
// 一级边框
$border-base: #dcdfe6;
// 二级边框
$border-light: #e4e7ed;
// 三级边框
$border-lighter: #ebeef5;
// 四级边框
$border-extra-light: #f2f6fc;

// sidebar 样式
$menuText: #bfcbd9;
$menuActiveText: #409eff;
$subMenuActiveText: #f4f4f5;

$menuBg: #304156;
$menuHover: #263445;
$menuBgDark: #141414;
$menuHoverDark: #101010;

$subMenuBg: #1f2d3d;
$subMenuHover: #001528;

$sideBarWidth: 180px;
$sideBarCollapseWidth: 64px;
$hideSideBarWidth: 64px;
$sideBarDuration: 0.28s;
